html{
    // --color-primary:#c48;
   
    --color-red:9;
    --color-green:96;
    --color-blue:189;
}
.textline1{
    font-size: 13px;
	 text-overflow: -o-ellipsis-lastline;
	  overflow: hidden;
	  text-overflow: ellipsis;
	  display: -webkit-box;
	  -webkit-line-clamp:1;
	  line-clamp:1;
	  -webkit-box-orient: vertical;
}
.container{
   
//   min-width: 1200px;
//   overflow: auto;
}
.fd,.aic,.jcc,.jcb,.jca,.fdc,.jcfend{
    display: flex;
}
.aic{
align-items: center;
}
.jcc{
    justify-content: center;
}
.jcb{
    justify-content: space-between; 
}
.jca{
    justify-content: space-around; 
}
.jcfend{
    justify-content: flex-end 
}
.fdc{
    flex-direction: column;
}
.flexWrap{
    flex-wrap: wrap;
}
.flex-shrink0{
    flex-shrink: 0;
}
.flex1{
    flex: 1;
}
.flex2{
    flex:2;
}
.flex5{
    flex: 5;
}
.flex7{
    flex: 7;
}
.mx30{
    margin: 0 30px;
}
.mx15{
    margin: 0 15px;
}
.ml15{
    margin-left: 15px;
}
.mx5{
    margin: 0 5px;
}
.mt30{
    margin-top:30px ;
}
.mt10{
    margin-top: 10px;
}
.ml30{
   margin-left: 30px;
}
.m20{
    margin: 20px;
}
.w80{
    width: 80px;
}
.mt20{
    margin-top: 20px;
    
}
.p10{
    padding: 10px;
}
.p20{
    padding: 20px;
}
.w400{
    width: 400px;
}
.displayInlineBlock{
    display: inline-block;
}
.llt-icon-size{
    font-size: 20px;
    color: #111;
    cursor: pointer;
}
.llt-edit-icon{
    font-size:17px; 
    cursor: pointer;   color:rgba(var(--color-red), var(--color-green), var(--color-blue), 1) ;
}
.red{
    color:red;
}
.cP{
    cursor: pointer;
}
.llt-icon-size:hover{
background-color: rgba(0,0,0,.2);
}
.llt-icon-size-21{
    font-size: 20px;
    color: #333;
    cursor: pointer;
}
.fontSize16{
    font-size: 16px;
    font-weight: 400;
}
.w100{
    width: 100%;
}
.w50{
    width: 50%;
}
.h100{
    height: 100%;
}
.mxauto{
    margin: 0 auto;
}
.white{
    color: white;
  }
  .white-bg{
      background-color: #fff;
  }
  .gray{
    color: #00000073;
  }
.positionCenterTop{
    position: relative;
    top: 17%;
    left: 50%;
    transform: translateX(-50%);
}
.position-fixed{
    position: absolute;
    top: 0;
    left: 0;
   width: 100%;height: 100%;
}
.position-relative{
    position: relative;
}
.text-center{
    text-align: center;
}
.commonBoxmp{
    margin: 15px;
  padding: 15px;
  height: 100px;
    min-height:  calc(100% - 30px);
    max-height: calc(100% - 30px);
    width: 100px;
    min-width: calc(100% - 30px);
    max-width: calc(100% - 30px);
}
.HeightAuto{
    height: 100px;
    min-height: calc(100% - 0px);
    max-height: calc(100% - 0px);
}
.menuHeighttAuto{
    height: 100px;
    min-height: calc(100% - 54px);
    max-height: calc(100% - 54px);
}
.maxHeight{
    height: 100px;
    min-height: calc(100% - 30px);
    max-height: calc(100% - 30px);
    overflow: auto;
}
.maxWidth{
    width: 100px;
    min-width: calc(100% - 30px);
    max-width: calc(100% - 30px);
    overflow: auto;
}
.maxWidthHeader{
    width: 100px;
    min-width: calc(100% - 0px);
    max-width: calc(100% - 0px);
}
.tablecommon{
    //撑满
    // width: 100px;
    height: 200px;
    min-height:  calc(100% - 53px);
    // max-height: calc(100% - 53px);
    // overflow-y: scroll;
}
*{
    margin: 0;
    box-sizing: border-box;
  }
  
  #app,html,body {
    overflow: hidden;
    font-size: 14px;
    height: 100%;
  }
 
.llt-row{
    margin: 0 !important;
}
.llt-default-font-color{
    color: #333;
    font-weight: 500;
}


 /*定义滚动条高宽及背景 高宽分别对应横竖滚动条的尺寸*/
::-webkit-scrollbar
 {
     width: 8px !important;
     height: 8px;
     background-color: transparent;
 }
 /*定义滚动条轨道 内阴影+圆角*/
::-webkit-scrollbar-track
 {
     -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
     border-radius: 10px;
     background-color: transparent;
 }
  
 /*定义滑块 内阴影+圆角*/
::-webkit-scrollbar-thumb
 {
     border-radius: 10px;
     -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
     background-color: rgba(144,147,153,0);
 }
::-webkit-scrollbar-thumb:hover{
     background-color: rgba(144,147,153,.5);
 }

 
@media only screen and (min-width:1200px)
{.hidden-md-and-up1{display:none!important}
}
//动画
.animation-delay0{
    animation-delay:0ms
}
.animation-delay100{
    animation-delay:100ms
}
.animation-delay200{
    animation-delay:200ms
}
.animation-delay300{
    animation-delay:300ms
}

// 初始化 element-plus css start
.el-overlay {//蒙版
    z-index: 3 !important;
  }
  // 选中菜单
  
  .el-sub-menu .el-menu-item,.el-sub-menu__title,.el-menu-item{
    color:var(--menuColorFont) !important;
  }
  .el-menu--collapse .el-sub-menu.is-active i{
    color:rgba(var(--color-red), var(--color-green), var(--color-blue), 1) !important;
  }

  .el-menu-item:hover {
    color:#FFF !important;//选中都选白色 
    background-color:rgba(var(--color-red), var(--color-green), var(--color-blue), 0.8)  !important;
  }
  .el-menu-item.is-active {
    color:#FFF !important;//选中都选白色 
    background-color:rgba(var(--color-red), var(--color-green), var(--color-blue), 1) !important;
  }
  .el-tabs__item.is-active,.el-tabs__item:hover{
    color: rgba(var(--color-red), var(--color-green), var(--color-blue), 1) ;
  }
  .el-tabs__active-bar{
    background-color:rgba(var(--color-red), var(--color-green), var(--color-blue), 1) ;
  }

  .el-link.el-link--primary,
  .el-switch__label.is-active
  {
    color:  rgba(var(--color-red), var(--color-green), var(--color-blue), 1) ;

  }

  .el-button--primary,
  .el-switch.is-checked .el-switch__core,
  .el-checkbox__input.is-checked .el-checkbox__inner, .el-checkbox__input.is-indeterminate .el-checkbox__inner
  {
    border-color:rgba(var(--color-red), var(--color-green), var(--color-blue), 1);
    background-color:rgba(var(--color-red), var(--color-green), var(--color-blue), 1) ;
  }
  .el-button--primary:hover,.el-button--primary:focus{
    border-color:rgba(var(--color-red), var(--color-green), var(--color-blue), 0.8);
    background-color:rgba(var(--color-red), var(--color-green), var(--color-blue), 0.8) ;
  }
  .llt-tag-active .tag-font {
    background-color: rgba(var(--color-red), var(--color-green), var(--color-blue), 1) ;
    color: white  ;
  }
  .el-tag{
    background-color: rgba(var(--color-red), var(--color-green), var(--color-blue), .2);
    border-color: rgba(var(--color-red), var(--color-green), var(--color-blue), .2);
    color:rgba(var(--color-red), var(--color-green), var(--color-blue), 1) ;
  }
  .el-checkbox__input.is-checked + .el-checkbox__label{
    color: rgba(var(--color-red), var(--color-green), var(--color-blue), 1) ;
  }

  .el-tree-node__expand-icon {
    color: #333;
  }
  .el-tree-node__expand-icon.is-leaf {
    color: #fff !important;
  }

  .el-dropdown-menu__item:hover{
      color: rgba(var(--color-red), var(--color-green), var(--color-blue), 1) !important;
      background-color:rgba(var(--color-red), var(--color-green), var(--color-blue), 0.2) !important;
  }

// 初始化 element-plus css end











